* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}

.classify {
    width: 100%;
    height: 100%;
    .top {
        width: 100%;
        height: 30px;
        display: flex;
        background-color: #fff;
        z-index: 88;
        justify-content: space-between;
        align-items: center;
        position: fixed;
        top: 0;
        .jiantou {
            font-size: 20px;
            color: orange;
        }
    }
    .search {
        width: 100%;
        // margin-top: 15px;
        z-index: 66;
        height: 50px;
        background-color: #fff;
        // position: fixed;
        top: 30px;
        display: flex;
        justify-content: center;
        align-items: center;
        position: fixed;
        i {
            position: absolute;
            left: 20px;
            color: gray;
        }
        input {
            width: 94%;
            height: 35px;
            border-radius: 10px;
            outline: none;
            border: none;
            background-color: rgba(128, 128, 128, 0.118);
            padding-left: 30px;
        }
    }
    .sho {
        width: 100%;
        height: 100%;
        display: flex;
        .left {
            position: fixed;
            margin-top: 30px;
            left: 0;
            background-color: rgba(128, 128, 128, 0.101);
            width: 20%;
            height: 660px;
            // background-color: rgba(0, 255, 255, 0.453);
            display: flex;
            flex-direction: column;
            .left_list {
                width: 100%;
                height: 50px;
                display: flex;
                justify-content: center;
                align-items: center;
                color: gray;
                // background-color: palegoldenrod;
                .border {
                    width: 100%;
                    height: 25px;
                    // background-color: pink;
                    display: flex;
                    justify-content: center;
                    border-left: 4px solid rgba(20, 80, 154, 0);
                }
            }
        }
        .right {
            margin-top: 50px;
            flex: 1;
            margin-left: 86px;
            // position: fixed;
            // right: 0;
            // top: 50px;
            // background-color: rgba(255, 166, 0, 0.267);
            margin-bottom: 40px;
            .youce {
                width: 100%;
                height: 100%;
                .axbmm {
                    width: 100%;
                }
                .twoclass {
                    width: 100%;
                    height: 30px;
                    // background-color: orange;
                    display: flex;
                    // justify-content: space-between;
                    align-items: center;
                    h4 {
                        margin-left: 15px;
                    }
                }
                .shopping {
                    width: 100%;
                    // height: 300px;
                    flex-wrap: wrap;
                    display: flex;
                    margin-bottom: 15px;
                    .ceate {
                        width: 30%;
                        height: 120px;
                        // background-color: pink;
                        margin: 5px 5px;
                        .top_carte {
                            width: 100%;
                            height: 90px;
                            // background-color: red;
                            display: flex;
                            justify-content: center;
                            align-items: center;
                            img {
                                width: 100%;
                                height: 100%;
                            }
                        }
                        .bottom_carte {
                            width: 100%;
                            height: 30px;
                            display: flex;
                            justify-content: center;
                            align-items: center;
                            // background-color: orange;
                        }
                    }
                }
            }
        }
    }
}
.activeserrt {
    color: red;
    border-left: 4px solid red !important;
    // font-weight: 600;
}
.bannermax {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    // background-color: aqua;
    .ok {
        width: 94%;
        // height: 100%;
        margin-left: 7px;
    }
    .adm-swiper-slide {
        width: 100%;
        height: 150px;
        img {
            width: 100%;
            height: 150px;
        }
    }
}

